<template>
  <el-dialog
    top="30px"
    width="1000px"
    title="查看"
    append-to-body
    :close-on-click-modal="false"
    :visible.sync="visible"
    :before-close="beforeClose"
  >
    <el-tabs v-model="active">
      <el-tab-pane label="项目确认表" name="sign">
        <confirm-pdf-view v-bind="$attrs" v-on="$listeners"></confirm-pdf-view>
      </el-tab-pane>
      <el-tab-pane label="担保费通知" name="fee">
        <confirm-guard-fee v-bind="$attrs"></confirm-guard-fee>
      </el-tab-pane>
    </el-tabs>
  </el-dialog>
</template>

<script>
import ConfirmPdfView from '@/bank/views/limit/confirm/ConfirmPdfView'
import ConfirmGuardFee from '@/bank/views/limit/confirm/ConfirmGuardFee'

export default {
  components: {
    ConfirmPdfView,
    ConfirmGuardFee,
  },
  props: {
    visible: Boolean,
    tabName: {
      type: String,
      default: 'sign',
    },
  },
  data() {
    return {
      active: 'sign',
    }
  },
  computed: {},
  watch: {
    tabName(val) {
      this.active = val
    },
  },
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>

<style lang="scss" scoped></style>
